.create {
	background-color: #fff;
	form {
		padding: 0.3rem;
		> h2 {
			font-size: 0.26rem;
			line-height: 2;
			margin-bottom: 0.2rem;
		}

		.input {
			border: 1px solid #e6e6e6;
			display: -webkit-box;
			-webkit-box-align: center;
			margin-bottom: 0.2rem;
			border-radius: 0.04rem;
			overflow: hidden;
			input {
				display: block;
				-webkit-box-flex: 1;
				height: 0.8rem;
				font-size: 0.28rem;
				padding: 0 0.2rem;
				background-color: #fff;
				&:focus {
					background-color: #fff;
				}
				&::-webkit-input-placeholder {
					color: #ccc;
				}
			}
			label, a {
				display: -webkit-box;
				font-size: 0.26rem;
				width: 8em;
				-webkit-box-align: center;
				-webkit-box-pack: center;
				color: #4a4a4a;
				border-right: 1px solid #e6e6e6;
				height: 0.8rem;
				line-height: 0.8rem;
				background-color: rgb(246,246,246)
			}
		}
		.code a {
			position: relative;
			p {
				display: block;
				margin-right: 0.08rem;
			}
			i {
				display: block;
				width: 0.24rem;
				height: 0.24rem;
				background: url("../../assets/imgs/point1.png");
				background-size: 100% 100%;
				-webkit-transform: rotate(0);
                -webkit-transition: all 0.2s ease-out;
                -webkit-transform-origin: 50%;
				&.show {
					-webkit-transform: rotate(180deg);
				}
			}
			&:active {
				opacity: 0.7;
			}
		}
		.radio {
			display: -webkit-box;
			-webkit-box-align: center;
			margin-bottom: 0.3rem;
			.item {
				display: -webkit-box;
				-webkit-box-align: center;
				margin-right: 0.25rem;
				i {
					display: block;
					width: 0.7rem;
					height: 0.7rem;
					background-color: rgb(155,155,155);
					margin-right: 0.1rem;
					border-radius: 50%;
					position: relative;
					&:after {
						content: "";
						display: block;
						width: 0.4rem;
						height: 0.4rem;
						position: absolute;
						left: 50%;
						top: 50%;
						margin: -0.2rem 0 0 -0.2rem;
						background-image: url("../../assets/imgs/icon-person.png");
						background-size: 100% 100%;
					}
				}
				&:nth-child(2) i:after {
					background-image: url("../../assets/imgs/icon-company.png");
				}
				label {
					display: block;
					font-size: 0.26rem;
					color: rgb(155,155,155);
				}
				&.active {
					i {
						background-color: #00bb44;
					}
					label {
						color: #00bb44;
					}
				}
				&:active:not(.active) {
					opacity: 0.7;
				}
			}
		}
		.tips {
			display: block;
			font-size: 0.26rem;
			color: rgb(155,155,155);
			padding: 0.2rem 0;
			margin-bottom: 0.2rem;
		}
	}
	.rules {
		display: -webkit-box;
		-webkit-box-pack: center;
		margin-bottom: 0.3rem;
		padding: 0.2rem 0;
		a {
			display: block;
			font-size: 0.24rem;
			line-height: 1.5;
			text-decoration: underline;
			color: #00bb44;
			&:active {
				opacity: 0.7;
			}
		}
	}
	.partner {
		h6 {
			color: rgb(166,166,166);
			font-size: 0.24rem;
			line-height: 3;
			background-color: #f2f2f2;
			text-align: center;
			font-weight: normal;
		}
		.logos {
			.item {
				width: 25%;
				float: left;
				height: 1rem;
				display: -webkit-box;
				-webkit-box-pack: center;
				-webkit-box-align: center;
				img {
					width: 90%;
					display: block;
				}
			}
		}
	}
}